<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>

	<link rel='stylesheet' type='text/css' href='reset.css' />
    <link rel='stylesheet' type='text/css' href='../libs/css/smoothness/jquery-ui-1.8.11.custom.css' />
	<link rel='stylesheet' type='text/css' href='../jquery.weekcalendar.css' />
	<link rel='stylesheet' type='text/css' href='demo.css' />				
	<link rel='stylesheet' type='text/css' href='../skins/default.css' />
   <script type='text/javascript' src='../libs/jquery-1.4.4.min.js'></script>
    <script type='text/javascript' src='../libs/jquery-ui-1.8.11.custom.min.js'></script>
	<script type="text/javascript" src="http://jqueryui.com/themeroller/themeswitchertool/"></script>
  <script>
	  $(document).ready(function(){
	    $('#switcher').themeswitcher();
	  });
  </script>
	<script type="text/javascript" src="../libs/date.js"></script>
	<script type='text/javascript' src='../jquery.weekcalendar.js'></script>
	<script type='text/javascript' src='demo.js'></script>

</head>
<body> 
	<h1>Calendario semanal de Citas</h1>
	<div id="about_button_container">
		<div id="switcher"></div>

	</div>
	<div id='calendar'></div>
	<div id="event_edit_container">
				<input type="hidden"/>
		<form>

			<ul>
				<li>
					<span>Fecha: </span><span class="date_holder"></span> 
				</li>
				<li>
					<label for="start">Hora Inicial: </label><select name="start"><option value="">Select Start Time</option></select>
				</li>
				<li>
					<label for="end">Hora Final: </label><select name="end"><option value="">Select End Time</option></select>
				</li>
				<li>
					<label for="title">Paciente: </label><input type="text" name="title" />
				</li>
				<li>
					<label for="body">Detalle: </label><textarea name="body"></textarea>
				</li>
			</ul>
		</form>
	</div>
</body>
</html>
